<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阅读</title>
    <link rel="stylesheet" href="../css/cssreset.css">
    <link rel="stylesheet" href="../css/read_css.css">
    <link rel="shortcut icon" href="../images/favicon-20180824044903183.ico">
</head>
<body>
<div class="head_con">
    <header>
        <div class="center">
            <h1>
                <img src="../images/index_images/logo.png" width="100%">
            </h1>
            <ul>
                <li><a href="../index.html">首页</a></li>
                <li><a href="../html/Read.html"  style="color: #0b8bff"> 阅读</a></li>
                <span class="span1"></span>
                <li><a href="../html/AandQ.html">问答</a></li>
                <li><a href="../html/FM.html">FM</a></li>
                <span class="span2"></span>
                <li><a href="../html/text.html">测试</a></li>
                <li><a href="../html/class.html">课程</a></li>
                <span class="span3"></span>
                <li><a href="../html/consult.html">咨询&nbsp;<span>pro</span></a></li>
                <li><a href="#">倾诉</a></li>
                <li><a href="#"><img src="../images/index_images/points.png" width="25px" alt=""></a></li>
            </ul>
            <form action="">
                <input type="text" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;热词：家庭关系,焦虑，丧" autofocus>
                <span></span>
                <a class="login" href="../html/land.html">登录</a>
            </form>
        </div>

    </header>
</div>
<main>
    <div class="con_rig">
        <div class="con_rig_head">
            <p>推荐专家</p>
        </div>
        <ul>
            <li>
                <ol>
                    <dt><img src="../images/read_image/zhuanjia.jpg" alt=""></dt>
                    <dd>
                        <a href=""><p class="zj_l">韦玉霞  <span>好评率 <u>100%</u> </span></p></a>
                        <p class="zj_m">国家二级咨询师</p>
                        <p class="zj_r">已咨询 47&nbsp;&nbsp;&nbsp;&nbsp;300.00元/50分钟</p>
                    </dd>
                </ol>
            </li>
            <li>
                <ol>
                    <dt><img src="../images/read_image/h_2.jpg" alt=""></dt>
                    <dd>
                        <a href=""><p class="zj_l">卢逃涛 <span>好评率 <u>100%</u> </span></p></a>
                        <p class="zj_m">国家二级咨询师</p>
                        <p class="zj_r">已咨询 33&nbsp;&nbsp;&nbsp;&nbsp;400.00元/50分钟</p>
                    </dd>
                </ol>
            </li>
            <li>
                <ol>
                    <dt><img src="../images/read_image/h_3.jpg" alt=""></dt>
                    <dd>
                        <a href=""><p class="zj_l">张蕴波  <span>好评率 <u>90%</u> </span></p></a>
                        <p class="zj_m">国家二级咨询师</p>
                        <p class="zj_r">已咨询 47&nbsp;&nbsp;&nbsp;&nbsp;1050.00元/50分钟</p>
                    </dd>
                </ol>
            </li>
            <li>
                <ol>
                    <dt><img src="../images/read_image/h_4.jpg" alt=""></dt>
                    <dd>
                        <a href=""><p class="zj_l">李君  <span>好评率 <u>93%</u> </span></p></a>
                        <p class="zj_m">国家二级咨询师</p>
                        <p class="zj_r">已咨询 47&nbsp;&nbsp;&nbsp;&nbsp;200.00元/50分钟</p>
                    </dd>
                </ol>
            </li>
            <li>
                <ol>
                    <dt><img src="../images/read_image/h_5.jpg" alt=""></dt>
                    <dd>
                        <a href=""><p class="zj_l">史靖宇  <span>好评率 <u>100%</u> </span></p></a>
                        <p class="zj_m">国家二级咨询师</p>
                        <p class="zj_r">已咨询 47&nbsp;&nbsp;&nbsp;&nbsp;600.00元/50分钟</p>
                    </dd>
                </ol>
            </li>
            <a href=""> <p class="morezj">更多专家推荐&nbsp;&nbsp;></p></a>
        </ul>

    </div>
    <div class="classify">
        <ul>
            <li class="all bg plu">全部</li>
            <li>心理科普</li>
            <li>婚恋情感</li>
            <li>家庭关系</li>
            <li>人际社交</li>
        </ul>
        <ol>
            <li>自我觉察</li>
            <li>成长学习</li>
            <li>心理健康</li>
            <li>职场技能</li>
            <li>热点</li>
        </ol>
        <div class="classify_detail">
            <ul></ul>
            <ul>
                <li>心理类型</li>
                <li>心理咨询</li>
                <li>心理书籍</li>
                <li>社会心理学</li>
                <li>心理电影</li>
                <li>最新研究</li>
                <li>分析解读</li>
                <li>智商与情商</li>
                <li>催眠</li>
                <li>进化心理学</li>
                <li>认知行为</li>
                <li>网络心理学</li>
                <li>犯罪心理学</li>
                <li>脑神经与记忆</li>
            </ul>

            <ul>
                <li>晚会前任</li>
                <li>婚姻观念</li>
                <li>恋爱技巧</li>
                <li>性取向</li>
                <li>失恋</li>
                <li>出轨</li>
                <li>单身</li>
                <li>冷暴力</li>
                <li>安全感</li>
                <li>性生活</li>

            </ul>
            <ul>
                <li>原生家庭</li>
                <li>与父母沟通</li>
                <li>成长过程</li>
                <li>与子女沟通</li>
                <li>家庭关系</li>
                <li>童年创伤</li>
            </ul>

            <ul>
                <li>社交技巧</li>
                <li>沟通方法</li>
                <li>亲密关系</li>
                <li>社交恐惧</li>
                <li>社交网络</li>
                <li>边界</li>
                <li>映像管理</li>
            </ul>
            <span></span>
            <ul>
                <li>了解自我</li>
                <li>人格特质</li>
                <li>自卑自信</li>
                <li>认同接纳</li>
                <li>情绪调节</li>
                <li>完美主义</li>
            </ul>

            <ul>
                <li>习惯养成</li>
                <li>自我疗愈</li>
                <li>学习技巧</li>
                <li>思维与决策</li>
                <li>时间与效率</li>
                <li>幼儿教育</li>
                <li>性教育</li>
                <li>压力管理</li>
                <li>校园霸凌</li>
            </ul>

            <ul>
                <li>抑郁症</li>
                <li>焦虑</li>
                <li>强迫</li>
                <li>推延</li>
                <li>睡眠与饮食</li>
                <li>性困扰</li>
                <li>精神障碍</li>
                <li>成瘾</li>
                <li>心理危机与自杀</li>
                <li>创伤与失控</li>
            </ul>

            <ul>
                <li>职场人际</li>
                <li>职业规划</li>
                <li>社会适应</li>
                <li>职场压力</li>
                <li>工作技能</li>
                <li>营销心理学</li>
                <li>管理心得</li>

            </ul>

            <ul>
                <li>社会热点</li>
                <li>梦与解析</li>
                <li>活动日签</li>
            </ul>

        </div>
    </div>
    <div class="con">
        <div class="con_head">
            <p>
                <a href=""><span class="hot">最热</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="line"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="new">最新</span></a>
            </p>
        </div>
        <ul>
            <li>
                <dl>
                    <dt><img src="../images/read_image/read_con1.jpg" width="100%" alt=""></dt>
                    <dd>
                        <a href="">  <p class="tit">她相信我，所以我相信自己，情感支持的心理学意义</p></a>
                        <p class="author"><a href=""><span class="name">梁娟</span></a> <span class="eye"></span> <span class="eyenum">1780</span> <span class="like"></span>0</p>
                        <ol>
                            <a href=""><li>家庭关系</li></a>
                            <a href=""><li>职场压力</li></a>
                        </ol>
                    </dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt><img src="../images/read_image/con_1.jpg" width="100%" alt=""></dt>
                    <dd>
                        <a href="">  <p class="tit">那些嫁给爱情的人，后来怎么哭了？&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p></a>
                        <p class="author"><a href=""><span class="name">梁娟</span></a> <span class="eye"></span> <span class="eyenum">1780</span> <span class="like"></span>0</p>
                        <ol>
                            <a href=""><li>婚姻接纳</li></a>
                            <!--<a href=""><li>职场压力</li></a>-->
                        </ol>
                    </dd>
                </dl>
            </li>

            <li>
                <dl>
                    <dt><img src="../images/read_image/con_2.jpg" width="100%" alt=""></dt>
                    <dd>
                        <a href="">  <p class="tit">该不该跳槽?先问自己几个问题&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p></a>
                        <p class="author"><a href=""><span class="name">邱伊环</span></a> <span class="eye"></span> <span class="eyenum">1638</span> <span class="like"></span>0</p>
                        <ol>
                            <!--<a href=""><li>职业规划</li></a>-->
                            <a href=""><li>职场压力</li></a>
                        </ol>
                    </dd>
                </dl>
            </li>

            <li>
                <dl>
                    <dt><img src="../images/read_image/con_8.jpg" width="100%" alt=""></dt>
                    <dd>
                        <a href="">  <p class="tit">如何谈一场不可碰触的谈话？&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p></a>
                        <p class="author"><a href=""><span class="name">李辉</span></a> <span class="eye"></span> <span class="eyenum">2369</span> <span class="like"></span>0</p>
                        <ol>
                            <a href=""><li>工作技能</li></a>
                            <a href=""><li>职场人际</li></a>
                        </ol>
                    </dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt><img src="../images/read_image/con_9.jpg" width="100%" alt=""></dt>
                    <dd>
                        <a href="">  <p class="tit">关于自己，你不了解的10件事&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p></a>
                        <p class="author"><a href=""><span class="name">壹心理</span></a> <span class="eye"></span> <span class="eyenum">2033</span> <span class="like"></span>0</p>
                        <ol>
                            <a href=""><li>工作技能</li></a>
                            <a href=""><li>职场人际</li></a>
                        </ol>
                    </dd>
                </dl>
            </li>

            <li>
                <dl>
                    <dt><img src="../images/read_image/con_4.jpg" width="100%" alt=""></dt>
                    <dd>
                        <a href=""> <p class="tit">为什么长大后的职业，总与童年的理想相差甚远呢？</p></a>
                        <p class="author"><a href=""><span class="name">壹心理</span></a> <span class="eye"></span> <span class="eyenum">1022</span> <span class="like"></span>0</p>
                        <ol>
                            <a href=""><li>社会适应</li></a>
                            <a href=""><li>职场压力</li></a>

                        </ol>
                    </dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt><img src="../images/read_image/con_5.jpg" width="100%" alt=""></dt>
                    <dd>
                        <a href="">  <p class="tit">她相信我，所以我相信自己，情感支持的心理学意义</p></a>
                        <p class="author"><a href=""><span class="name">慧桥</span></a> <span class="eye"></span> <span class="eyenum">1980</span> <span class="like"></span>0</p>
                        <ol>
                            <a href=""><li>家庭关系</li></a>
                            <a href=""><li>职场压力</li></a>

                        </ol>
                    </dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt><img src="../images/read_image/con_6.jpg" width="100%" alt=""></dt>
                    <dd>
                        <a href="">  <p class="tit">他是我遇到的第N+1个渣男 | 问答精选Vol.19</p></a>
                        <p class="author"><a href=""><span class="name">陈琳</span></a> <span class="eye"></span> <span class="eyenum">2238</span> <span class="like"></span>0</p>
                        <ol>
                            <a href=""><li>心理咨询</li></a>


                        </ol>
                    </dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt><img src="../images/read_image/con_7.jpg" width="100%" alt=""></dt>
                    <dd>
                        <a href="">  <p class="tit">学会用父爱的方式，爱自己&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p></a>
                        <p class="author"><a href=""><span class="name">韦蓉</span></a> <span class="eye"></span> <span class="eyenum">3369</span> <span class="like"></span>0</p>
                        <ol>
                            <a href=""><li>关于自我</li></a>

                        </ol>
                    </dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt><img src="../images/read_image/con_8.jpg" width="100%" alt=""></dt>
                    <dd>
                        <a href="">  <p class="tit">抑郁了，千万别在深夜思考人生 | 悦读心时光</p></a>
                        <p class="author"><a href=""><span class="name">刘芳</span></a> <span class="eye"></span> <span class="eyenum">2365</span> <span class="like"></span>0</p>
                        <ol>
                            <a href=""><li>FM</li></a>

                        </ol>
                    </dd>
                </dl>
            </li>
        </ul>
        <div class="page">
            <ul>
                <li class="color"><<</li>
                <li class="at">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                <li class="color">...</li>
                <li>1619</li>
                <li>1620</li>
                <li>>></li>
            </ul>
        </div>
    </div>

</main>
<footer>
    <div class="footer_cq">
        <ul>
            <p class="wechat">
                <span></span>
                微信公众号
            </p>
            <li class="cq_li">
                    <span class ="cq_pic">
                        <img src="../images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head"></span>
                <a href=""><p>壹心理</p></a>
            </li>
            <li class="cq_li">
                    <span class ="cq_pic">
                        <img src="../images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head2"></span>
                <a href=""><p>心理公开课</p></a>
            </li>
            <li class="cq_li">
                    <span class ="cq_pic">
                        <img src="../images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head3"></span>
                <a href=""><p>心理FM</p></a>
            </li>
            <li class="cq_li">
                    <span class ="cq_pic">
                        <img src="../images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head4"></span>
                <a href=""><p>壹心理学院</p></a>
            </li>
            <li class="cq_li">
                    <span class ="cq_pic">
                        <img src="../images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head5"></span>
                <a href=""><p>壹心理测评</p></a>
            </li>
            <li class="cq_li">
                    <span class ="cq_pic">
                        <img src="../images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head6"></span>
                <a href=""><p>口袋心理咨询</p></a>
            </li>
            <span class="app"><p></p>手机应用</span>
            <li class="cq_li_r">
                    <span class ="cq_pic">
                        <img src="../images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head7"></span>
                <a href=""><p>壹心理</p></a>
            </li>
            <li class="cq_li_r">
                    <span class ="cq_pic">
                        <img src="../images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head8"></span>
                <a href=""><p>口袋心理测试</p></a>
            </li>
            <li class="cq_li_r">
                    <span class ="cq_pic">
                        <img src="../images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head9"></span>
                <a href=""><p>壹心理</p></a>
            </li>
        </ul>
    </div>
    <div class="note">
        <ul>
            <li><a href="">关于我们</a></li>
            <li><a href="">加入我们</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">免责声明</a></li>
            <li><a href="">网站地图</a></li>
            <li><a href="">机构导航</a></li>
            <li><a href="">手机应用</a></li>
            <li><a href="">手机网页</a></li>
        </ul>
    </div>
    <div class="low">
        <ol>
            <li> <span class="gh"></span>粤公网安备 44010602001691  </li>
            <li>粤ICP备 12051153  </li>
            <li>安全联盟行业验证 <span class="green"></span><span class="green"></span><span class="green"></span></li>
        </ol>
    </div>
</footer>
<div class="action">
    <span class="ben"></span>
    <span class="gotop"></span>
</div>
<script src="../js/jquery.js"></script>
<script src="../js/read_js.js"></script>
<script src="../js/index_js.js"></script>
</body>
</html>




